<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>index.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <!--[if IE]>
			<link rel="stylesheet" href="css/fixed_ie.css" type="text/css" />
		<![endif]-->
    <link rel="stylesheet" type="text/css" href="css/nav.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/960.css">
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/text.css">
	<link rel="stylesheet" type="text/css" href="css/slideshow.css">
	
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/news.js"></script>
	<script type="text/javascript" src="js/nav.js"></script>
	<script type="text/javascript" src="js/slideshow.js"></script>
  </head>
   <body>
  	<!--顶部图片 -->
    <div class="container_12 top" ></div>
    <!-- 导航栏 -->
    <div class="container_12 menu">
    <ul id="jsddm">
	<li><a href="index.html">首页</a></li>
	<li><a href="about.html">走进管系</a>
		<ul style="z-index: 9999;">
			<li><a href="about.html">管理系概况</a></li>
			<li><a href="xibushezhi.html">专业设置</a></li>
			<li><a href="jigoushezhi.html">机构设置</a></li>
			<li><a href="lianxifangshi.html">联系方式</a></li>
		</ul>
	</li>
	<li><a href="newslist.html?c_id=xinwen">新闻公告</a>
			<ul style="z-index: 9999;">
			<li><a href="newslist.html?c_id=xinwen">新闻</a></li>
			<li><a href="newslist.html?c_id=tongzhi">通知公告</a></li>
		</ul>
	
	</li>
	<li><a href="newslist.html?c_id=dangzheng">党政工作</a>
				<ul style="z-index: 9999;">
			<li><a href="dangzongzhi.html">党总支</a></li>
			<li><a href="tuanzongzhi.html">团总支</a></li>
		</ul>
	
	</li>
	<li><a href="newslist.html?c_id=xuesheng">学生工作</a></li>
	<li><a href="xueshukeyan.html?xueshu">学术科研</a>
	<ul style="z-index: 9999;">
	<li><a href="xueshukeyan.html?xueshu">学术研究</a></li>
	<li><a href="xueshukeyan.html?keyan">科研项目</a></li>
	</ul>
	</li>
	<li><a href="newslist.html?c_id=jiaoxue">教学工作</a></li>
	<li><a href="newslist.html?c_id=hezuo">合作交流</a></li>
	<li><a href="newslist.html?c_id=shixi">实习就业</a></li>
</ul>
<div class="clear"> </div>
</div>
    <div class="container_12">
    <div class="grid_3 alpha omega content_left">
	<div class="cbox1">
	<div style="margin-bottom:10px;"><img alt="走进管理系" src="images/zoujinguanxi.gif"></div>
	<ul class="f-ul">
	<li><a href="about.html">管理系概况</a></li>
	<li><a href="xibushezhi.html">系部设置</a></li>
	<li style="list-style-image: url('images/3.gif');"><a href="xibushezhi.html#gongshangguanli" >工商管理专业</a></li>
	<li style="list-style-image: url('images/3.gif');"><a href="xibushezhi.html#shichangyingxiao">市场营销专业</a></li>
	<li style="list-style-image: url('images/3.gif');"><a href="xibushezhi.html#xiangmuguanli">项目管理专业</a></li>
	<li style="list-style-image: url('images/3.gif');"><a href="xibushezhi.html#kuaijidiansuan">会计电算化专业</a></li>
	<li><a href="jigoushezhi.html">机构设置</a></li>
	<li style="list-style-image: url('images/3.gif');"><a href="#">会计模拟实验室</a></li>
	<li style="list-style-image: url('images/3.gif');"><a href="#">会计实习实训基地</a></li>
	<li style="list-style-image: url('images/3.gif');"><a href="#">管理实验室</a></li>
	<li><a href="lianxifangshi.html">联系方式</a></li>	
	</ul></div>
	 <div class="cbox2">
	<img src="images/jingpin.gif">
	<ul class="f-ul">
	<li><a href="#">精品课程一</a></li>
	<li><a href="#">精品课程二</a></li>
	<li><a href="#">精品课程三</a></li>
	</ul>
	</div>
	 <div class="cbox3">
	<img alt="常用连接" src="images/link.gif">
	<ul class="f-ul">
	<li><a href="#">教务系统</a></li>
	<li><a href="#">青岛工学院</a></li>
	<li><a href="#">精品课程网</a></li>
	</ul>
	</div>
	</div>
    <!-- medium content -->
    <div class="grid_6 alpha omega content_medium">
    <div class="news-center">
    <a href="newslist.html?c_id=xinwen" class="more">更多...</a>
    <h3 class="title">新闻中心</h3>

    <div class="imageNews">
<div id="ifocus">
	<div id="ifocus_pic">
		<div id="ifocus_piclist" style="left:-30px; top:0;">
			<ul id="imgnews_img">
			</ul>
		</div>
		<div id="ifocus_opdiv"></div>
		<div id="ifocus_tx">
			<ul id="imgnews_list">

			</ul>
		</div>
	</div>
	<div id="ifocus_btn">
		<ul>
			<li class="current"><img src="images/btn_01.jpg" alt="" /></li>
			<li class="normal"><img src="images/btn_02.jpg" alt="" /></li>
			<li class="normal"><img src="images/btn_03.jpg" alt="" /></li>
			<li class="normal"><img src="images/btn_04.jpg" alt="" /></li>
		</ul>
	</div>
</div>
    </div>
    <div class="listnews">
    <ul id="newscenter"></ul>
    </div>
    </div>
    <div class="gonggao">
     <a href="newslist.html?c_id=tongzhi" class="more">更多...</a>
    <h3 class="title">通知公告</h3>
    <div class="listgonggao listnews">
    <ul id="tongzhigonggao">
    </ul>
    </div>
    </div>
    </div>
    <!-- right content -->
    <div class="grid_3 alpha alpha omega content_right" style="width:260px;float:right;">
        <div class="download">    
    <a href="newslist.html?c_id=wendang" class="more">更多...</a>
    <h3 class="title">文档下载</h3>
    <div class="download listnews2">
     <ul id="wendangxiazai">
    
    </ul>
    </div>
    </div>
    <div class="manager">
         <a href="newslist.html?c_id=jiaoxue" class="more">更多...</a>
    <h3 class="title" >教学管理</h3>
    <div class="manager listnews2">
         <ul id="jiaoxueguanli">
    </ul>
    </div>

    </div>
    <div class="intern" style="margin-top:-4px;">
         <a href="newslist.html?c_id=shixi" class="more">更多...</a>
    <h3 class="title" >实习就业</h3>
    <div class="intern listnews2">
     <ul id="shixijiuye">

    </ul>
    </div>
    </div>
    </div>
    </div>

    <div class="container_12 footer"><div class="text">版权所有® 青岛工学院管理系. All rights reserved</div></div>
    <script type="text/javascript">
	$.ajax({
   		url: "showNewsByCidAction.do?count=7&c_id=xinwen",
   		type:'get',		
   		dataType:'json',
   		async: false,
   		success: function(msg){
   			for(var i=0;i<msg.toString().length;i++){
	     		$("#newscenter").append("<li><a href="+"newscon.html?id="
	     				+msg.news[i][0]
	     			+"><span class='dates'>"
	     			+msg.news[i][2]
	     			+"</span><div class='ellipsis'>"
	     			+msg.news[i][1]
	     			+"</div></a></li>"
	     			);
	     	}	
		}
	});
    </script>
        <script type="text/javascript">
	$.ajax({
   		url: "showNewsByCidAction.do?count=5&c_id=tongzhi",
   		type:'get',
   		dataType:'json',
   		async: false,
   		success: function(msg){
   			for(var i=0;i<msg.toString().length;i++){
	     		$("#tongzhigonggao").append("<li><a href="+"newscon.html?id="
	     			+msg.news[i][0]
	     			+"><span class='dates'>"
	     			+msg.news[i][2]
	     			+"</span><div class='ellipsis'>"
	     			+msg.news[i][1]
	     			+"</div></a></li>"
	     			);
	     	}	
		}
	});
    </script>
        <script type="text/javascript">
	$.ajax({
   		url: "showNewsByCidAction.do?count=5&c_id=wendang",
   		type:'get',
   		dataType:'json',
   		async: false,
   		success: function(msg){
   			for(var i=0;i<msg.toString().length;i++){
	     		$("#wendangxiazai").append("<li><a href="+"newscon.html?id="
	     			+msg.news[i][0]
	     			+"><span class='dates2'>"
	     			+msg.news[i][2]
	     			+"</span><div class='ellipsis2'>"
	     			+msg.news[i][1]
	     			+"</div></a></li>"
	     			);
	     	}	
		}
	});
    </script>
        <script type="text/javascript">
	$.ajax({
   		url: "showNewsByCidAction.do?count=5&c_id=jiaoxue",
   		type:'get',
   		dataType:'json',
   		async: false,
   		success: function(msg){
   			for(var i=0;i<msg.toString().length;i++){
	     		$("#jiaoxueguanli").append("<li><a href="+"newscon.html?id="
	     			+msg.news[i][0]
	     			+"><span class='dates2'>"
	     			+msg.news[i][2]
	     			+"</span><div class='ellipsis2'>"
	     			+msg.news[i][1]
	     			+"</div></a></li>"
	     			);
	     	}	
		}
	});
    </script>
        <script type="text/javascript">
	$.ajax({
   		url: "showNewsByCidAction.do?count=5&c_id=shixi",
   		type:'get',
   		dataType:'json',
   		async: false,
   		success: function(msg){
   			for(var i=0;i<msg.toString().length;i++){
	     		$("#shixijiuye").append("<li><a href="+"newscon.html?id="
	     			+msg.news[i][0]
	     			+"><span class='dates2'>"
	     			+msg.news[i][2]
	     			+"</span><div class='ellipsis2'>"
	     			+msg.news[i][1]
	     			+"</div></a></li>"
	     			);
	     	}	
		}
	});
    </script>
    <script type="text/javascript">
    $.ajax({
   		url: "showHotActions.do",
   		type:'get',
   		dataType:'json',
   		async: false,
   		success: function(msg){
   			for(var i=0;i<msg.toString().length;i++){
   				$("#imgnews_img").append("<li><a href="+"newscon.html?id="+msg.news[i][0]+"><img src="+msg.news[i][2]+" alt="+msg.news[i][1]+" /></a></li>");
	     	$("#imgnews_list").append("<li class="+"normal>"+msg.news[i][1]+"</li>");
   			}
		}
	});
    </script>
   
  </body>
</html>
